<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link
	href="${pageContext.request.contextPath }/admin/assets/css/bootstrap.min.css"
	rel="stylesheet" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/admin/css/style.css" />
<link
	href="${pageContext.request.contextPath }/admin/assets/css/codemirror.css"
	rel="stylesheet">
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/admin/assets/css/ace.min.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/admin/font/css/font-awesome.min.css" />
<!--[if lte IE 8]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->
<script
	src="${pageContext.request.contextPath }/admin/js/jquery-1.9.1.min.js"></script>
<script
	src="${pageContext.request.contextPath }/admin/assets/layer/layer.js"
	type="text/javascript"></script>
<script
	src="${pageContext.request.contextPath }/admin/assets/laydate/laydate.js"
	type="text/javascript"></script>
<script
	src="${pageContext.request.contextPath }/admin/assets/js/bootstrap.min.js"></script>
<script
	src="${pageContext.request.contextPath }/admin/assets/js/typeahead-bs2.min.js"></script>
<script
	src="${pageContext.request.contextPath }/admin/assets/js/jquery.dataTables.min.js"></script>
<script
	src="${pageContext.request.contextPath }/admin/assets/js/jquery.dataTables.bootstrap.js"></script>

<title>个人信息管理</title>
</head>

<body>
	<div class="clearfix">
		<div class="admin_info_style">
			<div class="admin_modify_style" id="Personal">
				<div class="type_title">管理员信息</div>
				<div class="xinxi">
					<div class="form-group">
						<label class="col-sm-3 control-label no-padding-right"
							for="form-field-1">用户名： </label>
						<div class="col-sm-9">
							<input type="text" name="用户名" id="admin_name"
								value="${listNameId[0].admin_name }" class="col-xs-7 text_info"
								disabled="disabled"> &nbsp;&nbsp;&nbsp;<a
								href="javascript:ovid()" onclick="change_Password()"
								class="btn btn-warning btn-xs">修改密码</a>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label no-padding-right"
							for="form-field-1">移动电话： </label>
						<div class="col-sm-9">
							<input type="text" name="移动电话" id="admin_phone"
								value="${listNameId[0].admin_phone }" class="col-xs-7 text_info"
								disabled="disabled">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label no-padding-right"
							for="form-field-1">QQ： </label>
						<div class="col-sm-9">
							<input type="text" name="QQ" id="admin_qq"
								value="${listNameId[0].admin_qq }" class="col-xs-7 text_info"
								disabled="disabled">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label no-padding-right"
							for="form-field-1">注册时间： </label>
						<div class="col-sm-9">
							<span>${listNameId[0].admin_time }</span>
						</div>
					</div>
					<div class="Button_operation clearfix">
						<button onclick="modify();" class="btn btn-danger radius"
							type="button">修改信息</button>
						<button onclick="save_info();" class="btn btn-success radius"
							type="button">保存修改</button>
					</div>
				</div>
			</div>

		</div>
	</div>
	<!--修改密码样式-->
	<div class="change_Pass_style" id="change_Pass">
		<ul class="xg_style">
			<li><label class="label_name">原&nbsp;&nbsp;密&nbsp;码</label><input
				name="原密码" type="password" class="" id="password"></li>
			<li><label class="label_name">新&nbsp;&nbsp;密&nbsp;码</label><input
				name="新密码" type="password" class="" id="Nes_pas"></li>
			<li><label class="label_name">确认密码</label><input name="再次确认密码"
				type="password" class="" id="c_mew_pas"></li>

		</ul>
		<!--       <div class="center"> <button class="btn btn-primary" type="button" id="submit">确认修改</button></div>-->
	</div>
</body>
</html>
<script>
	//按钮点击事件
	function modify() {
		$('.text_info').attr("disabled", false);
		$('.text_info').addClass("add");
		$('#Personal').find('.xinxi').addClass("hover");
		$('#Personal').find('.btn-success').css({
			'display' : 'block'
		});
	};
	//保存修改
	function save_info() {
		var num = 0;
		var str = "";
		$(".xinxi input[type$='text']").each(function(n) {
			if ($(this).val() == "") {
				layer.alert(str += "" + $(this).attr("name") + "不能为空！\r\n", {
					title : '提示框',
					icon : 0,
				});
				num++;
				return false;
			}
		});
		if (num > 0) {
			return false;
		} else {
			var adminId = ${listNameId[0].admin_id };
			var data = {
					'admin_id' : adminId,
					'admin_name' : $("#admin_name").val(),
					'admin_pwd' : '${listNameId[0].admin_pwd }',
					'admin_phone' : $("#admin_phone").val(),
					'admin_qq' : $("#admin_qq").val(),
					'admin_remark' : '${listNameId[0].admin_remark }',
					'admin_time' : '${listNameId[0].admin_time }'
			}
			$.ajax({
				url:'${pageContext.request.contextPath }/updateAdmin',
				type:"POST",
				data:data,
				success:function(msg){
					if(msg){
						layer.alert('修改成功！',{
				            title: '提示框',				
							icon:1,
							end: function () {
				                location.reload();//刷新页面
				            }
						});
						layer.close(index);	
					}
				},error:function(){
					layer.msg('修改失败！', {
						icon : 1,
						time : 1000
					});
				}
			})
		}
	};
	
	//初始化宽度、高度    
	$(".admin_modify_style").height($(window).height());
	$(".recording_style").width($(window).width() - 400);
	//当文档窗口发生改变时 触发  
	$(window).resize(function() {
		$(".admin_modify_style").height($(window).height());
		$(".recording_style").width($(window).width() - 400);
	});
	//修改密码
	function change_Password() {
		layer.open({
			type : 1,
			title : '修改密码',
			area : [ '300px', '300px' ],
			shadeClose : true,
			content : $('#change_Pass'),
			btn : [ '确认修改' ],
			yes : function(index, layero) {
				if ($("#password").val() == "") {
					layer.alert('原密码不能为空!', {
						title : '提示框',
						icon : 0,

					});
					return false;
				}
				if ($("#Nes_pas").val() == "") {
					layer.alert('新密码不能为空!', {
						title : '提示框',
						icon : 0,

					});
					return false;
				}
				var adminPwd = '${listNameId[0].admin_pwd }';
				if($("#password").val()!= adminPwd){
					layer.alert('原密码错误!', {
						title : '提示框',
						icon : 0,

					});
					return false;
				}
				if ($("#c_mew_pas").val() == "") {
					layer.alert('确认新密码不能为空!', {
						title : '提示框',
						icon : 0,

					});
					return false;
				}
				if (!$("#c_mew_pas").val
						|| $("#c_mew_pas").val() != $("#Nes_pas").val()) {
					layer.alert('密码不一致!', {
						title : '提示框',
						icon : 0,

					});
					return false;
				} else {
					var adminId = ${listNameId[0].admin_id };
					var data = {
							'admin_id' : adminId,
							'admin_name' : '${listNameId[0].admin_name }',
							'admin_pwd' : $("#Nes_pas").val(),
							'admin_phone' : '${listNameId[0].admin_phone }',
							'admin_qq' : '${listNameId[0].admin_qq }',
							'admin_remark' : '${listNameId[0].admin_remark }',
							'admin_time' : '${listNameId[0].admin_time }'
					}
					$.ajax({
						url:'${pageContext.request.contextPath }/updateAdmin',
						type:"POST",
						data:data,
						success:function(msg){
							if(msg){
								layer.alert('修改成功！',{
						            title: '提示框',				
									icon:1,
									end: function () {
						                location.reload();//刷新页面
						            }
								});
								layer.close(index);	
							}
						},error:function(){
							layer.msg('修改失败！', {
								icon : 1,
								time : 1000
							});
						}
					})
				}
			}
		});
	}
</script>